<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/styles.css" />
    </head>
    <body>
        <div class="divPai"> <!-- pai -->
            <div class="divCentralizadora"> <!-- centralizadora -->
                <div class="divCabecalho"> <!-- cabecalho -->
                    <div class="divLogo"> <!-- logo -->
                        <%@include file="includes/inc_Logo.jsp" %>
                    </div>
                    <div class="divOutrasInformacoes"> <!-- outras informacoes -->
                        <%@include file="includes/inc_outrasInformacoes.jsp" %>
                    </div>
                </div>
                <div class="divMenuNivelZero"><!-- menu nivel 0 -->
                    <%@include file="includes/inc_menuNivelZero.jsp" %>
                </div>
                <div class="divConteudo"> <!-- conteudo -->
                    <div class="divMenuEsquerdoNivelUm"><!-- menu esquerdo nivel 1 -->
                        <ul class="ulMenuEsquerdo">
                            <li>Especialidade Médica</li>
                            <li>Tipo de Atendimento</li>
                            <li>Espécie</li>
                            <li>Raça</li>
                            <li>Tipo de Exame</li>
                            <li>Tipo de Tratamento</li>
                            <li>Agendas</li>
                            <li>Escalas das Agendas</li>
                            <li>Restrições de Agendas</li>
                        </ul>                        
                    </div>
                    <div class="divConteudoFuncao"><!-- conteudo funcao -->
                        <div class="divBarraDeFerramentas"><!-- barra de ferramenta -->
                            <ul class="ulBarraFerramentas">
                                <li><input type="button" value="Inserir Especialidade" name="btn" onclick=""></li>
                                <li><input type="button" value="Pesquisar" name="btn" onclick=""></li>
                            </ul>
                        </div>            
                        <div class="divFormulario"><!-- formulario -->
                            <div>
                                <span>buscar por</span>
                            </div>                            
                            <div>
                                <table>
                                    <tr>
                                        <td>Nome</td>
                                        <td><input type="text" name="txtNome"><input type="button" value="..." onclick=""></td>
                                    </tr>
                                </table>
                            </div>
                            <div>
                                <table class="tableAgenda">
                                    <tr>
                                        <td>Especialidade</td>
                                        <td>Visualizar</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><a href="#">Visualizar</a></td>
                                    </tr>                                    
                                </table>
                            </div>
                            <div>
                                <ul class="ulPaginacao">
                                    <li>Proxima</li>
                                    <li>1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                    <li>6</li>
                                    <li>7</li>
                                    <li>Anterior</li>                                        
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="divRodape"><!-- rodape -->
                    <%@include file="includes/inc_Rodape.jsp" %>
                </div> 
            </div>
        </div>
    </body>
</html>
